<template>
	<view class="content">
		<u-navbar back-text="返回" title="认证成功" :back-text-style="{color: 'rgba(16,142,233,1)' }" :border-bottom="false"
		 back-icon-color="#108EE9"></u-navbar>
		<view class="icon-success">
			<image src="../../static/images/login/success.png" mode=""></image>
		</view>
		<view class="success-text">
			认证成功
		</view>
		<view class="await" @click="goHome">
			返回首页
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goHome() {
				this.$u.route({
					type:'switchTab',
					url: 'pages/home/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		background: rgba(255, 255, 255, 1);
		box-sizing: border-box;
		padding: 160rpx 40rpx 120rpx;

		.icon-success {
			width: 140rpx;
			height: 140rpx;
			margin: 80rpx auto 50rpx;

			image {
				width: 140rpx;
				height: 140rpx;
			}
		}

		.success-text {
			width: 100%;
			text-align: center;
			font-size: 32rpx;
			font-weight: 400;
			line-height: 43rpx;
			color: rgba(51, 51, 51, 1);
			opacity: 1;
		}

		.await {
			margin-top: 110rpx;
			width: 100%;
			height: 90rpx;
			background: linear-gradient(180deg, rgba(211, 176, 105, 1) 0%, rgba(228, 205, 112, 1) 100%);
			border-radius: 8rpx;
			font-size: 30rpx;
			font-weight: 600;
			line-height: 90rpx;
			color: rgba(255, 255, 255, 1);
			opacity: 1;
			text-align: center;
		}
	}
</style>
